/*------------全局样式-----------*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	font-size: 100px;
	height: 100%;
}

body {
	font-size: 16px;
	height: 100%;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

/* banner */
#app {
	width: 100%;
    background-image: url(../img/header.jpg);
	cursor: pointer;
}

.banner {
	width: 100%;
	/* background-image: url(../img/header.jpg); */
	padding-bottom: .05rem;
}

.banner-form {
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-form .form-left {
	flex: 1;
	margin-left: .2rem;
}

.banner-form .form-left img {
	width: .35rem;
	height: .3rem;
}

.banner-form .form-center {
	flex: 6;
	position: relative;
}

.banner-form .form-center img {
	width: .35rem;
	height: .31rem;
}

.banner-form .form-center .jd {
	position: absolute;
	top: 28%;
	left: 4%;
	border-right: .5px solid #808080;
	padding-right: .13rem;
}

.banner-form .form-center .jd img {
	width: .35rem;
	height: .29rem;
}

.banner-form .form-center .fdj {
	position: absolute;
	top: 28%;
	left: 15%;
}

@media screen and (max-width: 480px) {
	.banner-form .form-center .jd {
		position: absolute;
		top: 24%;
		/* left: 15%; */
	}

	.center img {
		width: 1.09rem;
	}
}

.banner-form .form-center input {
	padding: .12rem 0;
	border-radius: .5rem;
	border: none;
	margin: .1rem 0;
	padding-left: 1.7rem;
	padding-right: 1rem;
	font-size: .26rem;
}

.banner-form .form-right {
	flex: 1;
	font-size: .26rem;
	margin-left: .2rem;
	color: #FFFFFF;
}

.banner-form .form-right :hover {
	color: yellow;
}

/* 轮播图 */
/*-- swiper-container样式 --*/
.swiper-container {
	width: 7.2rem;
	height: 2.4rem;
}

.swiper-container>.swiper-wrapper>.swiper-slide>img {
	width: 7.2rem;
	height: 2.4rem;
	border-radius: .1rem;
}

/* 2.banner-b */
.banner-b {
	background: #FFFFFF;
	width: 100%;
	height: 2rem;
}

.banner-b img {
	width: 100%;
	height: 2rem;
	border-top-left-radius: .1rem;
	border-top-right-radius: .1rem;
}

/* 3.banner-list */
.banner-list>ul {
	overflow: hidden;
	background: #FFFFFF;
	width: 7.2rem;
	margin-left: .15rem;
	border-radius: .1rem;
	position: relative;
	padding-bottom: .1rem;
}

.banner-list>ul::after {
	display: block;
	content: "";
	clear: both;
	/* border-bottom: 1px solid #DDDDDD; */
}

.banner-list>ul>li {
	float: left;
	width: 20%;
	/* border: 1px solid black; */
}

.banner-list>ul>li>a {
	color: #575757;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: .2rem;
	font-size: .22rem;
}

.banner-list>ul>li>a>img {
	width: 70%;
}

.banner-list>ul>li>a>span {
	display: block;
}

.banner-list .fangdian {
	position: absolute;
	height: 5px;
	width: 10px;
	background: orange;
	left: 48%;
	bottom: 2%;
	border-radius: .1rem;
	cursor: pointer;
}

.banner-list .yuandian {
	position: absolute;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background: #3C3C3C;
	left: 52%;
	bottom: 2%;
	cursor: pointer;
}

/* 京东秒杀jdms */
.jdms {
	width: 7.2rem;
	background: #FFFFFF;
	margin-left: .15rem;
	border-radius: .1rem;
	margin-top: .1rem;
}

.jdms-top {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	font-size: .24rem;
	padding-top: .1rem;
}

.jdms-top .jdms-top-a {
	flex: 1.2;
	margin-left: .15rem;
	color: #9D9D9D;
}

.jdms-top .jdms-top-b {
	flex: 3;
	border: 1px solid red;
	border-radius: .2rem;
	padding: .02rem 0;
	color: red;
}

.jdms-top .jdms-top-b span {
	border-radius: .2rem;
	background: orangered;
	padding: .02rem .1rem;
	border: none;
	color: #FFFFFF;
}

.jdms-top .jdms-top-c {
	flex: 4;
	text-align: right;
	margin-right: .2rem;
	font-size: .22rem;
	color: orangered;
}

.jdms-top .jdms-top-c .bj {
	background: orangered;
	border-radius: 50%;
	font-size: .18rem;
	color: #FFFFFF;
	padding: 0 .05rem;
	margin-left: .05rem;
}

.jdms-bootom {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .2rem;
	margin-left: .1rem;
	padding-bottom: .1rem;
}

.jdms-bootom img {
	width: 1.2rem;
	height: 1.2rem;
	margin-bottom: .1rem;
}

.jdms-bootom .jdms-bootom-yi {
	flex: 1;
	font-size: .20rem;
}

.jdms-bootom .jdms-bootom-yi>a>span {
	margin-left: .36rem;
	color: red;
	line-height: .3rem;
}

.jdms-bootom .jdms-bootom-er>a>span {
	margin-left: .36rem;
	color: red;
	line-height: .3rem;
}

.jdms-bootom .jdms-bootom-san>a>span {
	margin-left: .36rem;
	color: red;
	line-height: .3rem;
}

.jdms-bootom .jdms-bootom-si>a>span {
	margin-left: .36rem;
	color: red;
	line-height: .3rem;
}

.jdms-bootom .jdms-bootom-wu>a>span {
	margin-left: .36rem;
	color: red;
	line-height: .3rem;
}

.jdms-bootom .jdms-bootom-yi>a>del {
	margin-left: .34rem;
	color: #8C8C8C;
}

.jdms-bootom .jdms-bootom-er>a>del {
	margin-left: .34rem;
	color: #8C8C8C;
}

.jdms-bootom .jdms-bootom-san>a>del {
	margin-left: .34rem;
	color: #8C8C8C;
}

.jdms-bootom .jdms-bootom-si>a>del {
	margin-left: .34rem;
	color: #8C8C8C;
}

.jdms-bootom .jdms-bootom-wu>a>del {
	margin-left: .34rem;
	color: #8C8C8C;
}

.jdms-bootom .jdms-bootom-er {
	flex: 1;
	font-size: .20rem;
}

.jdms-bootom .jdms-bootom-san {
	flex: 1;
	font-size: .20rem;
}

.jdms-bootom .jdms-bootom-si {
	flex: 1;
	font-size: .20rem;
}

.jdms-bootom .jdms-bootom-wu {
	flex: 1;
	font-size: .20rem;
}

/* xinren */
.xinren {
	display: flex;
	margin-top: .2rem;
}

.xinren img {
	width: 100%;
}

.xinren .xinren-left {
	margin-left: .15rem;
}

.xinren .xinren-left img {

	border-top-left-radius: .1rem;
	border-bottom-left-radius: .1rem;
}

.xinren .xinren-right {
	margin-right: .15rem;
}

.xinren .xinren-right img {

	border-top-right-radius: .1rem;
	border-bottom-right-radius: .1rem;
}

/* center */
.center {
	margin-left: .1rem;
	display: flex;
	margin-right: .15rem;
	margin-bottom: .5rem;
	margin-top: .5rem;
	display: flex;
}

.center img:hover {
	cursor: pointer;
}

.center img {
	width: 100%;
}

/* zouxin-z */
@media screen and (max-width: 480px) {
	.zouxin img {
		width: 100%;
		padding-left: .1rem;
	}

	.zouxin .zouxin-d {
		margin-right: .15rem;
	}
}

.zouxin-z p {
	text-align: center;
	font-size: .24rem;
	color: #FFFFFF;
	margin-bottom: .1rem;
	cursor: pointer;
}

.zouxin {
	display: flex;
	margin-left: .15rem;
	position: relative;
}

.zouxin img {
	margin-right: .05rem;

}

.zouxin-a .dw img {
	width: 1.4rem;
	height: 1.3rem;
}

.zouxin-a .dw {
	position: absolute;
	bottom: 39%;
	left: 10%;
}

.zouxin-b .dw-a img {
	width: 1.4rem;
	height: 1.3rem;
}

.zouxin-b .dw-a {
	position: absolute;
	bottom: 39%;
	left: 11%;
}

.zouxin-c .dw-c img {
	width: 1.4rem;
	height: 1.3rem;
}

.zouxin-c .dw-c {
	position: absolute;
	bottom: 39%;
	left: 11%;
}

.zouxin-d .dw-d img {
	width: 1.4rem;
	height: 1.3rem;
}

.zouxin-d .dw-d {
	position: absolute;
	bottom: 39%;
	left: 11%;
}

.zouxin-a {
	position: relative;
}

.zouxin-a .dw-z-a {
	position: absolute;
	color: #FFFFFF;
	top: 68%;
	left: 13%;
}

.zouxin-a .dw-z-a .aaa {
	font-size: .26rem;
}

.zouxin-a .dw-z-a .bbb {
	font-size: .16rem;
}

.zouxin-b {
	position: relative;
}

.zouxin-b .dw-z-b {
	position: absolute;
	color: #FFFFFF;
	top: 68%;
	left: 13%;
}

.zouxin-b .dw-z-b .aaa {
	font-size: .26rem;
}

.zouxin-b .dw-z-b .bbb {
	font-size: .16rem;
}

.zouxin-c {
	position: relative;
}

.zouxin-c .dw-z-c {
	position: absolute;
	color: #FFFFFF;
	top: 68%;
	left: 13%;
}

.zouxin-c .dw-z-c .aaa {
	font-size: .26rem;
}

.zouxin-c .dw-z-c .bbb {
	font-size: .16rem;
}

.zouxin-d {
	position: relative;
}

.zouxin-d .dw-z-d {
	position: absolute;
	color: #FFFFFF;
	top: 68%;
	left: 13%;
}

.zouxin-d .dw-z-d .aaa {
	font-size: .26rem;
}

.zouxin-d .dw-z-d .bbb {
	font-size: .16rem;
}

@media screen and (max-width: 480px) {

	.zouxin-a .dw-z-a,
	.zouxin-b .dw-z-b,
	.zouxin-c .dw-z-c,
	.zouxin-d .dw-z-d {
		position: absolute;
		color: #FFFFFF;
		top: 60%;
		left: 13%;
	}
}

/* jxhs */
.jxhs {
	margin-top: .2rem;
}

.jxhs p {
	text-align: center;
	font-size: .26rem;
	color: #FFFFFF;
	margin-bottom: .1rem;
}

.jxhs-top {
	display: flex;
	margin-left: .15rem;
	margin-right: .1rem;
}

.jxhs-top .jxhs-top-a {
	flex: 1;
}

.jxhs-top .jxhs-top-b {
	flex: 1;
}

.jxhs-top .jxhs-top-c {
	flex: 1;
}

.jxhs-top .jxhs-top-d {
	flex: 1;
}

.jxhs-top img {
	width: 1.75rem;
	height: 2.42rem;
}

/* djxy */
.djxy {
	margin-top: .2rem;
}

.djxy .zj {
	text-align: center;
	font-size: .26rem;
	color: #FFFFFF;
	margin-bottom: .1rem;
}

.djxy-top {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: .15rem;
	margin-right: .15rem;
}

.djxy-top .djxy-top-left {
	padding-left: .1rem;
	padding-top: .1rem;
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	border-top-left-radius: .1rem;
}

.djxy-top .djxy-top-left h2 {
	color: #007DDB;
	font-size: .28rem;
}

.djxy-top .djxy-top-left p {
	color: #969896;
	padding-left: .05rem;
	font-size: .18rem;

}

.djxy-top .djxy-top-right {
	padding-left: .1rem;
	padding-top: .1rem;
	flex: 1;
	background: #FFFFFF;
	border-bottom: 1px solid red;
	border-top-right-radius: .1rem;
}

.djxy-top .djxy-top-right h2 {
	color: #007DDB;
	font-size: .28rem;
}

.djxy-top .djxy-top-right p {
	color: #969896;
	padding-left: .05rem;
	font-size: .18rem;
}

.djxy-top .djxy-top-right img {
	width: 1.5rem;
	height: 1.2rem;
}

.djxy-top .djxy-top-left img {
	width: 1.5rem;
	height: 1.2rem;
}

.djxy-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.djxy-bottom img {
	width: 100%;
	height: 100%;
	margin-bottom: .05rem;
	padding: 0 .1rem;
}

.djxy-bottom h2 {
	font-size: .28rem;
}

.djxy-bottom p {
	font-size: .18rem;
	margin-top: .05rem;
	margin-bottom: .1rem;
}

.djxy-bottom .djxy-bottom-a {
	flex: 1;
	background: #FFFFFF;
	margin-left: .15rem;
	border-right: 1px solid red;
	border-bottom-left-radius: .1rem;
}

.djxy-bottom .djxy-bottom-b {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
}

.djxy-bottom .djxy-bottom-c {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
}

.djxy-bottom .djxy-bottom-d {
	flex: 1;
	background: #FFFFFF;
	margin-right: .15rem;
	border-bottom-right-radius: .1rem;
}

/* wntj
 每日逛*/
.mrg .ppp {
	text-align: center;
	font-size: .28rem;
	margin-top: .2rem;
	margin-bottom: .1rem;
	color: #FFFFFF;
}

.wntj-top {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.wntj-top img {
	width: 100%;
	height: 100%;
	margin-bottom: .05rem;
	padding: 0 .1rem;
}

.wntj-top h2 {
	font-size: .28rem;
}

.wntj-top p {
	font-size: .18rem;
	margin-top: .05rem;
	margin-bottom: .1rem;
}

.wntj-top .wntj-top-a {
	flex: 1;
	background: #FFFFFF;
	margin-left: .15rem;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	border-top-left-radius: .1rem;
}

.wntj-top .wntj-top-a h2 {
	color: crimson;
}

.wntj-top .wntj-top-b {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
}

.wntj-top .wntj-top-b h2 {
	color: orangered;
}

.wntj-top .wntj-top-c {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
}

.wntj-top .wntj-top-c h2 {
	color: #0000FF;
}

.wntj-top .wntj-top-d {
	flex: 1;
	background: #FFFFFF;
	margin-right: .15rem;
	border-top-right-radius: .1rem;
	border-bottom: 1px solid red;
}

.wntj-top .wntj-top-d h2 {
	color: greenyellow;
}


.wntj-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: .2rem;
}

.wntj-bottom img {
	width: 100%;
	height: 100%;
	margin-bottom: .05rem;
	padding: 0 .1rem;
}

.wntj-bottom h2 {
	font-size: .28rem;
}

.wntj-bottom p {
	font-size: .18rem;
	margin-top: .05rem;
	margin-bottom: .1rem;
}

.wntj-bottom .wntj-bottom-a {
	flex: 1;
	background: #FFFFFF;
	margin-left: .15rem;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	border-bottom-left-radius: .1rem;
}

.wntj-bottom .wntj-bottom-a h2 {
	color: crimson;
}

.wntj-bottom .wntj-bottom-b {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
}

.wntj-bottom .wntj-bottom-b h2 {
	color: orangered;
}

.wntj-bottom .wntj-bottom-c {
	flex: 1;
	background: #FFFFFF;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
}

.wntj-bottom .wntj-bottom-c h2 {
	color: #0000FF;
}

.wntj-bottom .wntj-bottom-d {
	flex: 1;
	background: #FFFFFF;
	margin-right: .15rem;
	border-bottom-right-radius: .1rem;
	border-bottom: 1px solid red;
}

.wntj-bottom .wntj-bottom-d h2 {
	color: greenyellow;
}

/* tuijian推荐 */
.tuijian-a {
	background: #FFFFFF;
}

.tuijian-a .tou {
	text-align: center;
	font-size: .28rem;
	color: #007DDB;
	padding-top: .15rem;
	margin-bottom: .1rem;
}

.tuijian {
	display: flex;
	align-items: center;
}

.tuijian .tuijian-left {
	flex: 1;
	height: 4.5rem;
	width: 100%;
	background: #E9E9E9;
	margin-left: .15rem;
	margin-top: .1rem;
	/* padding-left: .15rem; */
}

.tuijian .tuijian-left img {
	/* padding-left: .15rem; */
	width: 100%;
	padding-right: .03rem;
}

.tuijian .tuijian-left p {
	margin-left: .15rem;
	margin-bottom: .1rem;
	font-size: .16rem;
}

.tuijian .tuijian-left span {
	margin-left: .13rem;
	color: red;
	font-size: .16rem;
}

.tuijian .tuijian-left button {
	float: right;
	margin-right: .1rem;
	background: #FFFFFF;
	padding: .03rem .08rem;
	border: .5px solid #7D7D7D;
	font-size: .16rem;
}

.tuijian .tuijian-right {
	flex: 1;
	height: 4.5rem;
	width: 100%;
	background: #E9E9E9;
	margin-right: .15rem;
	margin-top: .1rem;
	/* padding-right: .15rem; */
}

.tuijian .tuijian-right img {
	/* padding-right: .15rem; */
	width: 100%;
	padding-left: .03rem;
}

.tuijian .tuijian-right p {
	margin-left: .15rem;
	margin-bottom: .1rem;
	font-size: .16rem;
}

.tuijian .tuijian-right span {
	margin-left: .13rem;
	color: red;
	font-size: .16rem;
}

.tuijian .tuijian-right span a {
	color: red;
	margin-left: .1rem;
	border: 1px solid red;
	padding: 0 .03rem;
	font-size: .16rem;
}

.tuijian .tuijian-right button {
	float: right;
	margin-right: .1rem;
	background: #FFFFFF;
	padding: .03rem .08rem;
	border: .5px solid #7D7D7D;
	font-size: .16rem;
}

/* dibu底部 */
.dibu {
	background-color: #FFFFFF;
	display: flex;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 7.48rem;

}

.dibu img {
	width: 100%;
}

.dibu .dibu-a {
	flex: 1;
}

.dibu .dibu-b {
	flex: 1;
}

.dibu .dibu-c {
	flex: 1;
}

.dibu .dibu-d {
	flex: 1;
}

.dibu .dibu-e {
	flex: 1;
}
/* 回到顶部 */
.fix {
	position: fixed;
	bottom:15%;
	left: 65%;
	/* background-color: #ffffff; */
	opacity: .9;
	display:none;
}

.hddb img {
	width: 50px;
	height: 50px;
	border-radius: 1rem;
	cursor: pointer;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
